<script setup lang="ts">
defineProps<{
  data: (string | any)[][]
}>()
</script>

<template>
  <view>
    <view
      v-for="row, i in data" :key="i"
      class="flex justify-evenly items-center h-72rpx mb-6rpx rounded-10rpx"
      :style="{ backgroundColor: i % 2 !== 0 ? '' : '#F1F3F6', color: i % 2 !== 0 ? '#333333' : '#999999' }"
    >
      <view
        v-for="item, j in row" :key="j"
        class="flex justify-center items-center w-full text-28rpx leading-28rpx"
        :style="{ color: (item as AnyObject).highlight ? '#FF2636' : undefined }"
      >
        {{ typeof item === 'string' ? item : item.value }}
      </view>
    </view>
  </view>
</template>
